﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <style type="text/css">
        <!--

        body {
           font-size: 14pt;
            font-family: tahoma, arial, "Hiragino Sans GB", 宋体, sans-serif, Helvetica, Microsoft Yahei;
        }

        .clear {
            clear: both;
        }

        table {
            border-collapse: collapse;
            width: 50em;
            border: 1px solid #666;
        }

        caption {
            font-size: 1.2em;
            font-weight: bold;
            margin: 1em 0;
        }

        col {
            border-right: 1px solid #ccc;
        }

            col#albumCol {
                border: none;
            }

        thead {
            background: #ccc url(bar.gif) repeat-x left center;
            border-top: 1px solid #a5a5a5;
            border-bottom: 1px solid #a5a5a5;
        }

        th {
            font-weight: normal;
            text-align: left;
        }

        #playlistPosHead {
            text-indent: -1000em;
        }

        th, td {
            padding: 0.1em 1em;
        }

        .odd {
            background-color: #edf5ff;
        }

        tr:hover {
            background-color: #3d80df;
            color: #fff;
        }

        thead tr:hover {
            background-color: transparent;
            color: inherit;
        }


        -->
    </style>
</head>
<body>
    <table cellspacing="0" id="playlistTable" summary="歌单">
        <caption>最火十五首歌</caption>
        <colgroup>
            <col id="PlaylistCol" />
            <col id="trackCol" />
            <col id="artistCol" />
            <col id="albumCol" />
        </colgroup>
        <thead>
            <tr>
                <th id="playlistPosHead" scope="col">Playlist Position</th>
                <th scope="col">Track Name</th>
                <th scope="col">Artist</th>
                <th scope="col">Album</th>
            </tr>
        </thead>
        <tbody>
            <tr class="odd">
                <td>1</td>
                <td>Hide You</td>
                <td>Kosheen</td>
                <td>Resist</td>
            </tr>
            <tr>
                <td>2</td>
                <td>.38.45</td>
                <td>Thievery Corporation</td>
                <td>Sounds From the Thievery Hi-Fi</td>
            </tr>
            <tr class="odd">
                <td>3</td>
                <td>Fix You</td>
                <td>Coldplay</td>
                <td>X&amp;Y</td>
            </tr>
            <tr>
                <td>4</td>
                <td>Maps</td>
                <td>Yeah Yeah Yeahs</td>
                <td>Fever To Tell</td>
            </tr>
            <tr class="odd">
                <td>5</td>
                <td>Ask me how I am</td>
                <td>Snow Patrol</td>
                <td>Final Straw</td>
            </tr>
            <tr>
                <td>6</td>
                <td>PMT</td>
                <td>Deeper Water</td>
                <td>Global Underground Moscow</td>
            </tr>
            <tr class="odd">
                <td>7</td>
                <td>Four Kicks</td>
                <td>Kings of Leon</td>
                <td>Aha Shake Heartbreak</td>
            </tr>
            <tr>
                <td>8</td>
                <td>Gravity</td>
                <td>Embrace</td>
                <td>Out of Nothing</td>
            </tr>
            <tr class="odd">
                <td>9</td>
                <td>Lyla</td>
                <td>Oasis</td>
                <td>Don't Believe the Truth</td>
            </tr>
            <tr>
                <td>10</td>
                <td>All For You, Sophia</td>
                <td>Franz Ferdinand</td>
                <td>Take me Out</td>
            </tr>
            <tr class="odd">
                <td>11</td>
                <td>Look What You've Done</td>
                <td>Jet</td>
                <td>Get Born</td>
            </tr>
            <tr>
                <td>12</td>
                <td>Chicken Payback</td>
                <td>The Bees</td>
                <td>Free the Bees</td>
            </tr>
            <tr class="odd">
                <td>13</td>
                <td>Walkabout</td>
                <td>Blue States</td>
                <td>Bar Lounge Classics</td>
            </tr>
            <tr>
                <td>14</td>
                <td>Oh My God</td>
                <td>Kaiser Chiefs</td>
                <td>Employment</td>
            </tr>
            <tr class="odd">
                <td>15</td>
                <td>Rock Scene</td>
                <td>Athlete</td>
                <td>Tourist</td>
            </tr>
        </tbody>

    </table>
</body>
</html>
